<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>不管！信管2301是最强的</title>
</head>
<body class="mdui-appbar-with-toolbar mdui-drawer-body-left mdui-theme-primary-indigo mdui-theme-accent-pink">
    <link href="/static/mdui/css/mdui.min.css" rel="stylesheet" type="text/css">
    <script src="/static/mdui/js/mdui.min.js"></script>
    <script src="/static/jquery/jquery.min.js"></script>
    <script src="/static/common/util.js"></script>
    <script src="/static/sweetalert2/sweetalert2.all.min.js"></script>
    <link href="/static/sweetalert2/css.css" rel="stylesheet">

    
    
    <header class="appbar mdui-appbar mdui-appbar-fixed">
      <div class="mdui-toolbar mdui-color-theme">
        <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-drawer="{target: '#main-drawer', swipe: true}" id="drawer-btn">
            <i class="mdui-icon material-icons">menu</i>
        </span>
        <a href="../" class="mdui-typo-headline mdui-hidden-xs">不管！信管2301是最强的</a>
        <a href="./" class="mdui-typo-title" id="subtitle">[subtitle]</a>
        <div class="mdui-toolbar-spacer"></div>
      </div>
    </header>
    <div class="mdui-drawer" id="main-drawer">
      <div class="mdui-list" mdui-collapse="{accordion: true}" style="margin-bottom: 76px;">
        <div class="mdui-collapse-item" id="drawer-about">
              <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                <i class="
                  mdui-list-item-icon
                  mdui-icon
                  material-icons
                  mdui-text-color-blue">near_me</i>
                <div class="mdui-list-item-content">关于我们班！</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
              </div>
              <div class="mdui-collapse-item-body mdui-list">
                <a href="/post/2" class="mdui-list-item mdui-ripple" id="drawer-about-class">关于我们班</a>
              </div>
              <div class="mdui-collapse-item-body mdui-list">
                <a href="/post/4" class="mdui-list-item mdui-ripple" id="drawer-about-major">关于我们专业</a>
              </div>
              <div class="mdui-collapse-item-body mdui-list">
                <a href="/post/1" class="mdui-list-item mdui-ripple" id="drawer-about-web">关于本站</a>
              </div>
            </div>

            <div class="mdui-collapse-item" id="drawer-msg">
                <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                    <i class="
                    mdui-list-item-icon
                    mdui-icon
                    material-icons
                    mdui-text-color-pink">layers</i>
                    <div class="mdui-list-item-content">通知</div>
                    <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
                </div>
                <div class="mdui-collapse-item-body mdui-list">
                  <a href="/post/list/jwc" class="mdui-list-item mdui-ripple" id="drawer-about-jwc">教务处通知</a>
                </div>
            </div>

            <div class="mdui-collapse-item" id="drawer-number-class">
              <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                <i class="
                  mdui-list-item-icon
                  mdui-icon
                  material-icons
                  mdui-text-color-brown">view_carousel</i>
                <div class="mdui-list-item-content">数字化班级</div>
                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
              </div>
              <div class="mdui-collapse-item-body mdui-list">
                <a href="/money" class="mdui-list-item mdui-ripple" id="drawer-money">我们的钱</a>
              </div>
              <div class="mdui-collapse-item-body mdui-list">
                <a href="/post/list/all" class="mdui-list-item mdui-ripple" id="drawer-post-list">文章列表</a>
              </div>
            </div>
            <div class="mdui-collapse-item" id="drawer-our">
                <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                    <i class="
                    mdui-list-item-icon
                    mdui-icon
                    material-icons
                    mdui-text-color-gray">account_box</i>
                    <div class="mdui-list-item-content">我们</div>
                    <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
                </div>
                <div class="mdui-collapse-item-body mdui-list">
                    <a href="/user" class="mdui-list-item mdui-ripple" id="drawer-user">我的</a>
                </div>
                <div class="mdui-collapse-item-body mdui-list">
                    <a href="/user/list" class="mdui-list-item mdui-ripple" id="drawer-user-list">我们的人</a>
                </div>
            </div>
      </div>
    </div>
    <a id="anchor-top"></a>
    
    
    
    <script>
        page = '[page]'
        if (page == "post") {
            setTimeout(function() {
                if (pid == 1) page = "about_web"
                if (pid == 2) page = "about_class"
                if (pid == 4) page = "about_major"
                setDrawer(page)
            },50) 
        } else {
            setDrawer(page);
        }
        
        
        function setDrawer(name) {
            var big = "", small = ""
            switch(name) {
                case "money":
                    big = "drawer-number-class"
                    small = "drawer-money"
                break
                case "index":
                    big = "drawer-index"
                    small = "drawer-index"
                break
                case "user":
                    big = "drawer-our"
                    small = "drawer-user"
                break
                case "user_list":
                    big = "drawer-our"
                    small = "drawer-user-list"
                break
                case "about_web":
                    big = "drawer-about"
                    small = "drawer-about-web"
                break
                case "about_class":
                    big = "drawer-about"
                    small = "drawer-about-class"
                break
                case "post_list":
                    big = "drawer-number-class"
                    small = "drawer-post-list"
                break
                case "about_major":
                    big = "drawer-about"
                    small = "drawer-about-major"
                break
                case "jwc":
                    big = "drawer-msg"
                    small = "drawer-about-jwc"
                break
            }
            $("#"+big).addClass("mdui-collapse-item-open")
            $("#"+small).addClass("mdui-list-item-active")
        }
        function setSubtitle(subtitle) {
            document.getElementById("subtitle").innerHTML = subtitle
        }
    </script>
    
    